.login-box {
  background: #fff;
  margin: 100px 400px 0 0;
  float: right;
  border-radius: 3px;
  width: 300px;
}

.login-form {
  padding: 0 28px 2px;
}

.login-form-button {
  float: right;
  margin-top: 3px;
}

.login-bg {
  height: 100vh;
  width: 100vw;
  background: url("../../assets/background.png") no-repeat center center;
  background-size: cover;
  padding-top: 200px;
}

.login-box-header {
  height: 80px;
  width: 200px;
  margin: 0 auto;
  padding: 24px 0;
}

/* 为图标旋转效果添加的 CSS，已弃用 */
.login-logo-icon {
  height: 40px;
  width: 40px;
  float: left;
  -webkit-animation: rotating 16s linear infinite;
  -moz-animation: rotating 16s linear infinite;
  -ms-animation: rotating 16s linear infinite;
  -o-animation: rotating 16s linear infinite;
  animation: rotating 10s linear infinite;
  /* background-image: url("../../assets/dm_logo_4.jpg"); */
}


@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.login-logo {
  height: 32px;
  width: 168px;
  background: url("../../assets/logo.svg") no-repeat center center;
  margin: auto;
}

/* 清除浮动 */
.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
}
